*{
    margin: 0;
    padding: 0;
}
body{
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    .container{
        width:1070px;
        height:657px;
        padding: 0 10px;
        h2{
            height: 64px;
            text-align: center;
            font-size: 40px;
            margin-bottom: 10px;
        }
    }
    .main{
        position: relative;
        overflow: hidden;
        .watch-list{
            display: flex;
            gap: 15px;
            transition: all .5s;
            .section{
                border-radius: 15px;
                box-sizing: border-box;
                background-color: #f5f5f7;
                padding: 26px 40px;
                width: 342px;
                height: 511px;
                img{
                    width: 266px;
                }
            }
        }
        
        .arrow{
            position: absolute;
            width: 56px;
            height: 62px;
            background-color: #d2d2d7a3;
            border-radius: 50%;
            text-align: center;
            line-height: 56px;
            font-size: 36px;
            color: #000000a3;;
            cursor: pointer;
            font-weight: 600;
            top: 50%;
            transform: translateY(-50%);
            z-index: 999;
            &:hover{
                background-color: #d2d2d7;
            }
            &-left{
                display: none;
                left: 10px;
            }
            &-right{
                right: 20px;
            }
        }
        .dotnav{
            display: flex;
            justify-content: center;
            margin-top: 10px;
            ul{
                display: flex;
                gap: 10px;
                .dot{
                    border-radius: 50%;
                    width: 8px;
                    height: 8px;
                    background-color: #0000006B;
                    cursor: pointer;
                    overflow: hidden;
                }
                .active{
                    background-color: #000000CC;
                }
            }
        }
        
    }
}
